<!--
 * @author: sanbao
 * @Date: 2022-07-31 15:43:55
-->
<style lang='scss' scoped>
</style>

<template>
  <div class="users">
    <div class="banxin_center">
      <p v-html="mdVal"></p>
    </div>
  </div>
</template>

<script>
import { ref, reactive, toRefs, computed, onMounted } from "vue";
import { marked } from "marked";
import Model from "@/api";
export default {
  components: { marked },
  setup() {
    onMounted(() => {
      getdocs();
    });

    const data = reactive({
      mdVal: "",
    });
    const getdocs = async () => {
      const response = await Model.getdocs();
      data.mdVal = computed(() => {
        return marked(response.data);
      });
    };
    return {
      ...toRefs(data),
    };
  },
};
</script>
